import { Menu, Dropdown, Button, Divider } from 'antd'

const ParentCategory = () => {
  const menu = (
    <Menu>
      <Menu.Item>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="http://www.alipay.com/"
        >
          Popular
        </a>
      </Menu.Item>
      <Menu.Item>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="http://www.taobao.com/"
        >
          New && Noteworthy
        </a>
      </Menu.Item>
      <Divider />
      <Menu.Item>
        <a
          target="_blank"
          rel="noopener noreferrer"
          href="http://www.tmall.com/"
        >
          Goods for Sale
        </a>
      </Menu.Item>
    </Menu>
  )

  return (
    <>
      <Dropdown overlay={menu} placement="bottomLeft">
        <Button>Popular</Button>
      </Dropdown>
    </>
  )
}

export default ParentCategory
